.pg-table {
  position: relative;
  width: 100vw;
  padding-top: 30px;
  background: #f3f3f3;

  .wp {
    height: 100%;
    overflow: auto;
  }

  &_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 126px;
    background: linear-gradient(360deg, #8fcbff 0%, #0089ff 100%);
  }

  .top-tab {
    position: relative;
    width: calc(100vw - 30px);
    height: calc(100vh - 30px);
    margin: 0 auto;
    overflow: auto;
    background: #fff;
    border-radius: 5px;

    // .van-list {
    //   height: 100%;
    //   overflow: auto;
    // }

    .top-contain {
      @include flex(row, flex-start, space-between);
    }

    .title-items {
      position: relative;
      flex-shrink: 0;
      width: 100%;

      &_icon {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);

        .van-icon {
          display: block;
        }
      }
    }

    .base-td {
      flex-shrink: 0;
      width: 70px;
      height: 100%;
    }

    &_fixed {
      position: absolute;
      top: 0;
      z-index: 100;
      width: calc(100vw - 30px);
      font-size: 12px;
      font-weight: 500;
      color: #333;
      background: #f6f6f6;
      @include flex(row, center, space-between);

      &_left {
        width: var(--columnWidth);
        line-height: 40px;

        .fixed-left {
          width: 100%;
          height: 40px;
          line-height: 40px;

          &_all {
            height: 40px;
            padding-right: 12px;
            font-size: 12px;
            color: #333;
            text-align: right;
          }
        }

        &_item {
          height: 100%;
          font-size: 12px;
          text-align: center;
          white-space: nowrap;
        }
      }

      &_right {
        width: calc(100% - var(--columnWidth));
        overflow: auto;

        .fixed-right_item {
          width: max-content;
          height: 40px;
          @include flex(row, center, flex-start);
        }
      }
    }

    &_left {
      position: relative;
      flex-shrink: 0;
      width: var(--columnWidth);

      &_organ {
        text-align: center;

        &_title {
          height: 40px;
          font-size: 12px;
          font-weight: 500;
          line-height: 40px;
          color: #333;
          white-space: nowrap;
          background: #f6f6f6;
          opacity: 0;
        }

        &_item {
          position: relative;
          box-sizing: border-box;
          height: 50px;
          font-size: 12px;
          font-weight: 400;
          color: #333;
          white-space: nowrap;
          // @include hairline-bottom(#e1e1e1);
          @include flex(column, center, center);
        }
      }
    }

    &_right {
      width: calc(100% - 100px);
      overflow: auto hidden;

      &_title {
        width: max-content;
        height: 40px;
        font-size: 12px;
        font-weight: 500;
        color: #333;
        opacity: 0;
        @include flex(row, flex-start);

        &_item {
          width: 70px;
          height: 100%;
          text-align: center;
          background: #f6f6f6;
          @include flex(row, center);
        }
      }

      &_count {
        width: max-content;
        background: #fff;

        &_item {
          @include flex(row, flex-start, flex-start);

          &_ins {
            position: relative;
            width: 70px;
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            color: #333;
            text-align: center;
            // @include hairline-bottom(#e1e1e1);
          }
        }
      }
    }
  }
}
